// component/common/qn-calendar/index.js
Component({
    options: {
        multipleSlots: true // 在组件定义时的选项中启用多slot支持
    },
    /**
     * 组件的属性列表
     */
    properties: {
        //开始日期
        startDate: {
            type: String
        },
        //结束日期
        endDate: {
            type: String
        },
        startDatePopupShow: {
            type: Boolean,
            value: false
        },
        endDatePopupShow: {
            type: Boolean,
            value: false
        },
        //默认选中的开始时间
        pickerStartDate: {
            type: Date,
            value: new Date().getTime()
        },
        //默认选中的结束时间
        pickerEndDate: {
            type: Date,
            value: new Date().getTime()
        }
    },

    /**
     * 组件的初始数据
     */
    data: {},

    /**
     * 组件的方法列表
     */
    methods: {
        //日期选择函数
        inputStartDate: function () {
            this.setData({
                startDatePopupShow: true,
                endDatePopupShow: false
            })
        },
        inputEndDate: function () {
            this.setData({
                startDatePopupShow: false,
                endDatePopupShow: true
            })
        },
        startDatePopupClose: function () {
            this.setData({
                startDatePopupShow: false,
                endDatePopupShow: false
            })
        },
        endDatePopupClose: function () {
            this.setData({
                startDatePopupShow: false,
                endDatePopupShow: false
            })
        },
        onStartDateConfirm: function (e) {
            this.setData({
                startDatePopupShow: false,
                endDatePopupShow: false
            })
            this.triggerEvent('startdateconfirm', e.detail);
        },
        onEndDateConfirm: function (e) {
            this.setData({
                startDatePopupShow: false,
                endDatePopupShow: false
            })
            this.triggerEvent('enddateconfirm', e.detail);
        },
        onPickerCancel: function () {
            this.setData({
                startDatePopupShow: false,
                endDatePopupShow: false
            })
        }
    }
})
